<!DOCTYPE html>
<html lang="en">
<head>
  <meta name="description" content="Vali is a responsive and free admin theme built with Bootstrap 4, SASS and PUG.js. It's fully customizable and modular.">
  <!-- Twitter meta-->
  <meta property="twitter:card" content="summary_large_image">
  <meta property="twitter:site" content="@pratikborsadiya">
  <meta property="twitter:creator" content="@pratikborsadiya">
  <!-- Open Graph Meta-->
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="Vali Admin">
  <meta property="og:title" content="Vali - Free Bootstrap 4 admin theme">
  <meta property="og:url" content="http://pratikborsadiya.in/blog/vali-admin">
  <meta property="og:image" content="http://pratikborsadiya.in/blog/vali-admin/hero-social.png">
  <meta property="og:description" content="Vali is a responsive and free admin theme built with Bootstrap 4, SASS and PUG.js. It's fully customizable and modular.">
  <title>约健 - 超级管理员</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Main CSS-->
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/docs/css/main.css">
  <!-- Font-icon css-->
  <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body class="app sidebar-mini rtl">
<!-- Navbar-->
{include file="commom/top"}
<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
{include file="commom/left"}
<main class="app-content">
  <div class="app-title">
    <div>
      <h1><i class="fa fa-edit"></i>添加俱乐部</h1>
    </div>
    <ul class="app-breadcrumb breadcrumb">
      <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
      <li class="breadcrumb-item">Forms</li>
      <li class="breadcrumb-item"><a href="#">Sample Forms</a></li>
    </ul>
  </div>
  <div class="row" >
    <div class="col-md-6">
      <div class="tile">
        <h3 class="tile-title">请添加俱乐部信息</h3>
        <div class="tile-body">
          <form class="form-horizontal" enctype="multipart/form-data" action="{:url('club/doadd')}" method="post">
            <input type="hidden" name="club_id">
            <div class="form-group">
              <label class="control-label">俱乐部名字</label>
              <input class="form-control"  type="text" name="club_name"  placeholder="请输入俱乐部名字">
            </div>
            <div class="form-group">
              <label class="control-label">海报</label>
              <input class="form-control" name="club_pic" type="file" accept="image/*">
            </div>
            <div class="form-group">
              <label class="control-label">俱乐部简介</label>
              <textarea class="form-control" rows="4" name="club_desc" placeholder="请输入俱乐部简介"></textarea>
            </div>
            <div class="form-group">
              <label class="control-label">地址</label>
              <input class="form-control"  type="text" name="club_adress"  placeholder="请输入地址">
            </div>
            <div class="form-group">
              <label class="control-label">电话</label>
              <input class="form-control" type="text" name="club_tel" placeholder="请输入电话">
            </div>
            <div class="form-group">
              <label class="control-label">开始时间</label>
              <input class="form-control" type="text" name="club_otime"  placeholder="请输入开始时间">
            </div>
            <div class="form-group">
            <label class="control-label">结束时间</label>
            <input class="form-control" type="text" name="club_etime"  placeholder="请输入结束时间">
          </div>
          </>
        </div>
        <div class="tile-footer">
          <button class="btn btn-primary" type="submit"><i class="fa fa-fw fa-lg fa-check-circle"></i>添加</button>&nbsp;&nbsp;&nbsp;<a class="btn btn-secondary" href="{:url('club/lst')}"><i class="fa fa-fw fa-lg fa-times-circle"></i>取消</a>
        </div>
      </div>
    </div>
  </div>
</main>


<!-- Essential javascripts for application to work-->
<script src="__PUBLIC__/docs/js/jquery-3.2.1.min.js"></script>
<script src="__PUBLIC__/docs/js/popper.min.js"></script>
<script src="__PUBLIC__/docs/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/docs/js/main.js"></script>
<!-- The javascript plugin to display page loading on top-->
<script src="__PUBLIC__/docs/js/plugins/pace.min.js"></script>
<!-- Page specific javascripts-->
<script type="text/javascript" src="__PUBLIC__/docs/js/plugins/chart.js"></script>
<script type="text/javascript">
  var data = {
    labels: ["January", "February", "March", "April", "May"],
    datasets: [
      {
        label: "My First dataset",
        fillColor: "rgba(220,220,220,0.2)",
        strokeColor: "rgba(220,220,220,1)",
        pointColor: "rgba(220,220,220,1)",
        pointStrokeColor: "#fff",
        pointHighlightFill: "#fff",
        pointHighlightStroke: "rgba(220,220,220,1)",
        data: [65, 59, 80, 81, 56]
      },
      {
        label: "My Second dataset",
        fillColor: "rgba(151,187,205,0.2)",
        strokeColor: "rgba(151,187,205,1)",
        pointColor: "rgba(151,187,205,1)",
        pointStrokeColor: "#fff",
        pointHighlightFill: "#fff",
        pointHighlightStroke: "rgba(151,187,205,1)",
        data: [28, 48, 40, 19, 86]
      }
    ]
  };
  var pdata = [
    {
      value: 300,
      color: "#46BFBD",
      highlight: "#5AD3D1",
      label: "Complete"
    },
    {
      value: 50,
      color:"#F7464A",
      highlight: "#FF5A5E",
      label: "In-Progress"
    }
  ]

  var ctxl = $("#lineChartDemo").get(0).getContext("2d");
  var lineChart = new Chart(ctxl).Line(data);

  var ctxp = $("#pieChartDemo").get(0).getContext("2d");
  var pieChart = new Chart(ctxp).Pie(pdata);
</script>
<!-- Google analytics script-->
<script type="text/javascript">
  if(document.location.hostname == 'pratikborsadiya.in') {
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-72504830-1', 'auto');
    ga('send', 'pageview');
  }
</script>
</body>
</html>